@import "../../sass/_index.scss";

.list {

    background-color: $fill-base;
    
    .header {
        @include flex(true, space-between);
        @include content-inner();

        font-size: $font-size-base + 2;

        .title {
            @include flex(true, center);
            .icon {
                width: 7px;
                height: 30px;
                margin-right: $h-spacing-sm;
                background-color: $brand-primary;
            }
        }

    }

    .figure {

        @include flex(column);
        @include content-inner(false);

        .figcaption {
            font-size: $font-size-base;
            color: $color-text-caption;
            text-align: justify;
        }

        .image {
            width: 100%;
            margin-top: $h-spacing-md;
        }

    }

    .item {
        @include flex(true, space-between);
        @include content-inner();

        font-size: $font-size-base;
    }
}